/*
 * CSS styleshet for monochrome style
 *
 * Author: David D ddavis1@gmail.com
 */

@import "default.css";

/* highlights to contrast with bgcolor2. */
.bgcolor1, table.music tr:nth-of-type(even) {
  background-color: #EEE;
}

/* The primary background colour, light blue, primary theme colour. */
.bgcolor2, .ruleTableHeader, .log, table.music tr:nth-of-type(odd) {
    background-color: #CCC;
}

/* The secondary foreground colour used for h1, details etc. */
h1, .detail, .albumComment {
    color: #000000;
}

/* Foreground colour used for h2, bold and tr. */
h2, b, tr {
    color: #000000;
}

.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate {
    color: #000000;
}

/* a:link color */
.dataTables_wrapper .dataTables_paginate .paginate_button, button.dt-button, div.dt-button, a.dt-button {
    color: #000000 !important;
}

/* a:hover color + .border1 border-color */
.dataTables_wrapper .dataTables_paginate .paginate_button:hover, button.dt-button:hover:not(.disabled), div.dt-button:hover:not(.disabled), a.dt-button:hover:not(.disabled) {
    color: #FFFFFF !important;
}

/* regular color + .border1 border-color */
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: #000000 !important;
}

table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover {
    background-color: #BFBFBF;
}

table.dataTable tbody>tr.selected, table.dataTable tbody>tr>.selected {
    background-color: #B3B3B3;
}

table.dataTable.hover tbody>tr.selected:hover, table.dataTable.hover tbody>tr>.selected:hover, table.dataTable.display tbody>tr.selected:hover, table.dataTable.display tbody>tr>.selected:hover {
    background-color: #A6A6A6;
}

table.music.dataTable tbody tr.currently-playing {
    background-color: #999999;
}

table.music.dataTable tbody tr.currently-playing:hover {
    background-color: #8C8C8C;
}

/* Table sizing */
table {
    margin: 0 0 0 0;
}

/* Main frame image & colour */
.mainframe, .rightframe {
    background-color: #EEE;
}

/* Link colour */
a:link, a:active, a:visited, a:link *, a:active *, a:visited * {
    color: #000000;
}

/* Link hover colour */
a:hover, a:hover * {
    color: #FFFFFF;
}

/* Colour for warning messages. */
.warning {
    color: #990099;
}

/* Background colour for form controls. */
input, select {
    color: #333;
    background-color: #EEE;
}

/* The primary foreground colour. */
body {
    background-color: #EEEEEE;
}

/* The album comments. */
.albumComment {
    width: 50em;
    font-size: 8pt;
    line-height: 1.4em;
    padding-top: 0.25em;
    color: #000000;
}

/* The log. */
.log {
    font-weight: bold;
    white-space: nowrap;
    font-size: 8pt;
    line-height: 1em;
    color: #000000;
    background-color: #C0C0C0;
}

/* The help, status & web payer settings tables. */
.ruleTableHeader, .ruleTableCell {
    margin: 5px;
    padding: 5px;
    color: #FFFFFF;
    background-color: #C0C0C0;
}
